Part I:

Prep:

Test functionality:

  • Test the responsiveness of button and link: All Pass
  • Test the color consistency: All Pass

Home Page Evaluation:

1. Structure:

.
└── Home Page/
    ├── Order Now(1 click) -> Food Options(10 or more) -> Name(2) -> Review (1) -> Check Out(1)
    ├── Sign in/
    │   └── Enter Username, Password (2 clicks) 
    ├── Register/
    │   └── Register Account (10 clicks)
    └── Order With 1-Tap(1 click) -> Name(2) -> Review (1) -> Check Out(1)

2. Evaluation:

Expected:
+ Home Button work as expect and through all the pages
+ refreshing pages work as expected and store the previous food that confirm in order
+ Good design with 'sign in' and 'register button' is optional

Need Improve:
- Lacking smothness on the 1-Tap menu: images is delay and not smooth when scrolling
- Order Now stay on top and took More than 15 Click to get the food
- Order With 1-Tap took 5 cliks to check out and stay on the bottom (not make sense for 1st time user)

3. Explain:

  • Home Button:
    • work as expect and through all the pages provide user control freedom
    • design looks good and focus on the main page

  • Refreshing Button:
    • work as expected
    • store the previous food that confirm (even after refreshing or come back later). User don’t lost their order

  • 1 Tab-Order Section:
    • Scrolling is not smooth
    • Useful but set in the bottom of the mobile app.
    • User will not pay attention to the exist of this feature, may go somewhere else (since many clicks on the order food)

The Build-Your-Own-Food Page Evaluation:

1. Structure:

# Too many option put on 1 pages this can definately confused people
.
└── Order/
    ├── Buritto/
    │   ├── Nutrion Preferences (Filter the options -> faster)(same click but less cross)
    │   ├── Protein or Vegie /
    │   │   ├── Chicken
    │   │   ├── Steak
    │   │   ├── Plant Based
    │   │   └── ...
    │   ├── Rice/
    │   │   ├── White Rice
    │   │   └── ...
    │   ├── Beans/
    │   │   ├── Black Beans
    │   │   └── ...
    │   ├── Top Thing Off/
    │   │   ├── Sour cream
    │   │   ├── cheese
    │   │   ├── Romaine lecture
    │   │   └── ...
    │   ├── Option/
    │   │   └── Double wrap
    │   ├── Side/
    │   │   ├── Totilaon the side
    │   │   ├── Chip
    │   │   ├── Guacamole
    │   │   └── ...
    │   └── Drink/
    │       └── ...
    ├── Burito Bowl/
    │   └── ...
    ├── Lifestyle Bowl/
    │   └── ...
    ├── Salad/
    │   └── ...
    └── ...
  1. Evaluation:
Expected:
+ Food Picture is respnsive and easy to choose from
+ Enter a meal name is a good idea: we only need to change 1 meal and complete in a few click
+ Refreshing clear all the form as expected
+ Not process to the next page unless choose the main dish (meat, bean, rice...) -> Good exception handling
+ Option (Remove - Edit - Duplicate) is nice to have
+ Hyperlink work as expected

Need Improve:
- The click to customize button need more responsive. Accidently click on that can cause a pop up menu
- The (-) button need more responsive
- The option for food is way too long -> need cut short (e.g. hidden menu)
- Check out need more pop (stay in the bottom and dark theme)
  • The menu overview:
    • The (-) button need more responsive: (+) is easy to click on, but (-) has to do many time for 1 click

  • The click to customize button need more responsive. Accidently click on that can cause a pop up menu

  • Check out need more pop (stay in the bottom and dark theme)

The Check Out Page:

  • Evaluation
Expected:
+ Has the option to change pickup location
+ Users can choose the pickup time until user want to pickup (within day) -> flexible
+ Guess Check out, so do not force user to sign in or register
Need Improve:
- Credit Card is the only pament option (should add more: Paypal (1 click check out))
- Submit button need more clear

Task 2:

User control and freedom.

  • Navigation Drop down menu is not resposible, make user annoy when trying to navigate (not fully control)

Consistency and standards.

  • Design and font is consistent ✅

Error prevention.

  • Application show messages and also prevent user make mistakes (e.g. when user forgot to choose a main disk from the options. Application will prevent user from processing the next steps. Even though users do not want something, they have to choose no.) ✅

Recognition rather than recall.

  • The user should not have to remember information from one part of the interface to another ✅

Flexibility and efficiency of use.

  • 1 Tab-Order Section:
    • Scrolling is not smooth
    • Useful but set in the bottom of the mobile app.
    • User will not pay attention to the exist of this feature -> they don’t know they can make short cut and check out faster

  • The (-) and (+) button should be bigger

Aesthetic and minimalist design.

  • The option for food is way too long -> need cut short(e.g. hidden menu)

Recognize, diagnose, recover from errors.

  • Error messages is expressed in plain languages, and suggest a solution ✅

Help and documentation.

  • All Help and documentation work as expected ✅